#myMenuBox {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    transform: translateX(px2rem(-149));
    transition: transform 0.5s linear;

    &.active {
        transform: translateX(px2rem(0));
    }

    #myMenu_switch img {
        opacity: 1;

    }

}

#myMenu {
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    width: px2rem(148);
    text-align: center;
    box-sizing: border-box;
    padding: 0 px2rem(12);
    z-index: 1000;

    .logo {
        text-align: center;
        padding-top: px2rem(38);
    }

    a {
        color: #919091;
        text-decoration: none;
        font-size: px2rem(20);
    }

    .menu_section1 {
        margin-top: px2rem(56);
    }

    .menu_section1_logo {
        width: px2rem(80);
    }

    .box {
        flex: 1;
        display: flex;
        flex-direction: column;


        >div {
            vertical-align: middle;
            flex: 1;
            overflow: hidden;
            position: relative;
            text-align: justify;
            justify-content: space-between;

            &.active {
                a {
                    color: #fff;
                }
            }

            a {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                height: 1.2em;
                overflow: hidden;
                width: 100%;
                text-align: justify;

                &:nth-of-type(1)::after {
                    content: "";
                    display: inline-block;
                    width: 100%;
                    height: 0;

                }
            }
        }

    }

    .fg {
        width: px2rem(74);
        height: 1px;
        background: #919091;
        display: block;
        margin: 0 auto;
    }
}

#myMenu_switch {
    width: px2rem(52);
    height: px2rem(92);
    background: rgba(0, 0, 0, 0.7);
    background-size: px2rem(26);
    position: fixed;
    left: px2rem(148);
    top: 0;
    z-index: 9999;

    .box {
        position: absolute;
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);

        img {
            display: block;
            margin: 0 auto;
            width: px2rem(26);

            &:first-child {
                margin-bottom: px2rem(10);
            }
        }
    }

}